<h3>Adding the All for Good Gadget to your TypePad blog</h3>

<p>Here's how to set up an All for Good Gadget for a basic blog template on TypePad.  You'll be setting up a gadget that will be placed in the narrow right sidebar of a basic three-column blog layout.  Start by <a href="http://www.gmodules.com/ig/creator?synd=open&url=http%3A//www.allforgood.org/gadget/gadget.xml&h=315&w=250" target="_blank">going to this page.</a></p>
<p><img src="/zx0000/images/apps/typepad/1.png" /></p>

<p>Under Display settings, the Title is text that will appear above your gadget once it's placed in your blog template. You might enter "All for Good - Pets" and then set pets as a preferred keyword in the Gadget settings. Set the width of your gadget to 160 pixels and height to 380 pixels. In this example, we left the border turned off because the blog column is already very narrow. Set Stories to read to 4. Enter your zip code.</p>
<p><img src="/zx0000/images/apps/typepad/2.png" /></p>

<p>Click the Get the Code button and a text field will appear below containing the HTML code you need. Click in the text field, select all and copy.</p>
<p><img src="/zx0000/images/apps/typepad/3.png" /></p>

<p>Click in the text field, select all and copy the HTML in the clipboard.</p>
<p><img src="/zx0000/images/apps/typepad/4.png" /></p>

<p>Log into TypePad and on the home page, select your web log, in this case one named "Mike's Blog." Next, click on the Weblogs tab and then the Design tab. Under Categories, select widgets. Then under Modules, select Embed your own HTML.</p>
<p><img src="/zx0000/images/apps/typepad/5.png" /></p>

<p>Under Details, click the Add this module button.</p>
<p><img src="/zx0000/images/apps/typepad/6.png" /></p>

<p>A pop-up window will appear. Label the Custom HTML a name that makes sense to you. The label will appear in the design panel for reference only. Then in the HTML field, paste the HTML you saved into the clipboard from the All for Good gadget page. Click save.</p>
<p><img src="/zx0000/images/apps/typepad/7.png" /></p>

<p>A module will appear at the top of the left column with the given label "All for Good Gadget."</p>
<p><img src="/zx0000/images/apps/typepad/8.png" /></p>

<p>Click and drag the module over to the top of the right column.</p>
<p><img src="/zx0000/images/apps/typepad/9.png" /></p>

<p>Click Save Changes.</p>
<p><img src="/zx0000/images/apps/typepad/10.png" /></p>

<p>You'll be switched back to the Current Design options page with a blue bar confirming that the changes to the weblog's design have been saved.</p>
<p><img src="/zx0000/images/apps/typepad/11.png" /></p>

<p>Click the blue View Weblog button at upper right.</p>
<p><img src="/zx0000/images/apps/typepad/12.png" /></p>

<p>And you should see your shiny new All for Good Gadget nested happily in the top of the right column of your blog!</p>